<script>
export default {
  name: "PaginationExamplePage",
  data() {
    return {
      total: 678,
    }

  },
  methods: {
    handelCurrentChange(current) {
      alert('你选择的页码是：' + current)
    },
    handelSizeChange(size) {
      alert('你选择的size是：' + size)
    }
  }
}
</script>

<template>
  <div>
    <el-pagination :total="total"
                   background
                   style="margin-top: 10px"
                   @current-change="handelCurrentChange"
                   @size-change="handelSizeChange"
                   layout="sizes,prev,pager,next,jumper,total"/>
  </div>
</template>

<style scoped>

</style>